<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2022/5/16
  Time: 16:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>角色权限</title>
</head>
<body>
<h1 class="text-center">角色权限设置</h1>
<p>选择角色：
<select>
    <option>系统管理员</option>
    <option>普通用户</option>
</select>
<div class="form-check">
    全选/全清：<input class="form-check-input" type="checkbox" onclick="checkedAll(this,12)" >
</div>
</p>


<div class="form-check">
    <input class="form-check-input" type="checkbox"id="checkBox1">增加预案节点
    <input class="form-check-input" type="checkbox"id="checkBox2">修改预案内容
    <input class="form-check-input" type="checkbox"id="checkBox3">提交修改意见
    <input class="form-check-input" type="checkbox"id="checkBox4">编辑处理计划
    <input class="form-check-input" type="checkbox"id="checkBox5">删除预案内容
    <input class="form-check-input" type="checkbox"id="checkBox6">排除处计划
    <input class="form-check-input" type="checkbox"id="checkBox7">增加修改地点
    <input class="form-check-input" type="checkbox"id="checkBox8">删除地点
    <input class="form-check-input" type="checkbox"id="checkBox9">编辑图纸
    <input class="form-check-input" type="checkbox"id="checkBox10">删除图纸
    <input class="form-check-input" type="checkbox"id="checkBox11">增加接警信息
    <input class="form-check-input" type="checkbox"id="checkBox12">编辑接警信息


</div>
<div class="text-center">
    <a id="save" class="btn btn-info" href="javascript:" role="button">保存</a>

</div>
</body>
<script>
    //复选框全选或全不选
    function checkedAll(check,size){
        //由于jQuery中id是唯一的，所以通过循环给id加上编号，这样能通过id选择器定位到复选框
        //方法比较繁琐，如果有好兄弟知道跟简单的方法欢迎在讨论区留言，还望不吝赐教
        if(check.checked == true){
            for(var i=1; i<=size; i++)
                //通过prop给复选框加上checked
                $("#checkBox"+i).prop("checked", true);
        }
        else
            for(var i=1; i<=size; i++)
                //通过prop把复选框的hecked拿掉
                $("#checkBox"+i).prop("checked", false);
    }
    $("#save").click(function () {
        alert("保存成功")
        window.location.href="systemManagement"
    })
</script>
</html>
